/* 解决办法一：覆盖 */
a {
  color: #7F583F;
  color: var(--primary);
}
:root{
    --text-color:#333;
}
/* 解决办法二：兼容性检测 */
@supports ( (--a: 0)) {
  /* supported */
  p{
    color:var(--text-color);
  }
}

@supports ( not (--a: 0)) {
  /* not supported */
  p{
      color:#666;
  }
}